<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
		<title>CafeHouse - Responsive HTML/CSS Template</title>

        <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="css/bootstrap-responsive.css" type="text/css" media="screen" />         
        <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="css/colors.css" type="text/css" media="screen" />
        
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript" ></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js" type="text/javascript"></script>
         
     <script src="js/bootstrap.min.js"></script>  
     <script src="js/menu.js" type="text/javascript"></script> 
	 <script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
     <script src="js/slides.min.jquery.js" type="text/javascript"></script>
  	 <script src="js/jquery.tweet.js" type="text/javascript"></script>
     <script src="js/init.js" type="text/javascript"></script>

 <script src="js/shortcodes.js" type="text/javascript"></script>        
  <script src="js/scrolltop.js" type="text/javascript"></script>
    
      <link rel="shortcut icon" href="images/favicon.ico">
 
	</head>
    
    
<body>
    <div class="wrap">
    <div class="container">
    <div class="row">
    <div class="span7 logo">
          <h1 id="logo"><a href="#"><img src="images/logo-cafe.png" alt=""/></a></h1>
            </div><!--end logo--> 
        <div class="span5 open-hours">
         <h3 class="open-title">Open Hours</h3>			
       <div class="open-text">
       <div class="open-day"> <span class="day">Monday - Friday</span> : 09:00 AM - 10:00 PM</div>
       <div class="open-day"> <span class="day">Saturday - Sunday</span> : 09:00 AM - 10:00 PM</div>
       </div>
			
		
		    </div><!--end open-hours--> 

    </div><!--end row--> 
    </div><!--end container--> 
    </div><!--end wrap--> 
	     
        <div id="menu-holder">
        <ul class="menu"><li ><a href="index-2.html">Home</a></li>
<li><a href="about.html">About</a>
<ul class="sub-menu">
	<li class="current_page_item"><a href="#">Typography</a></li>
	<li><a href="shortcodes.html">Shortcodes</a></li>
</ul>
</li>
<li><a href="menu.html">Our Menu</a></li>
<li><a href="reservation.html">Reservations</a></li>
<li><a href="gallery-3col.html">Gallery</a>
<ul class="sub-menu">
	<li><a href="gallery-3col.html">Gallery 3 Columns</a></li>
	<li><a href="gallery-4col.html">Gallery 4 Columns</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>

</div><!--end menu-holder-->


<div class="top-img">
 
 <img width="980" height="156" src="images/_top-images/top-img2.jpg" alt="Typography" title="" />				
				
<h1 class="post-title-page">Typography</h1>
</div>

<div class="wrap-content">
<div class="container">

			<div class="post" id="post-43">
		<p>Cras nisl leo, interdum et aliquam quis, mattis eu dolor. Vestibulum mattis purus eu eros tincidunt vitae sollicitudin massa scelerisque. Fusce non nibh vel odio aliquam convallis ut vel mi. Nunc euismod mauris eu mi tempus scelerisque. Maecenas sodales interdum odio ac viverra. Vestibulum in ultrices libero. Donec interdum magna eget arcu commodo in aliquam neque venenatis.</p>
<div class="col-1-2">
<h2>Column 1-2</h2>
<p>Cras nisl leo, interdum et aliquam quis, mattis eu dolor. Vestibulum mattis purus eu eros tincidunt vitae sollicitudin massa scelerisque. Fusce non nibh vel odio aliquam convallis ut vel mi. Nunc euismod mauris eu mi tempus scelerisque. Maecenas sodales interdum odio ac viverra. Vestibulum in ultrices libero. Donec interdum magna eget arcu commodo in aliquam neque venenatis.
</p></div>
<div class="col-1-2 last">
<h2>Column 1-2</h2>
<p>Cras nisl leo, interdum et aliquam quis, mattis eu dolor. Vestibulum mattis purus eu eros tincidunt vitae sollicitudin massa scelerisque. Fusce non nibh vel odio aliquam convallis ut vel mi. Nunc euismod mauris eu mi tempus scelerisque. Maecenas sodales interdum odio ac viverra. Vestibulum in ultrices libero. Donec interdum magna eget arcu commodo in aliquam neque venenatis.
</p></div>
<div class="column-clear"></div>
<div class="col-1-3"><img title="s1" src="images/s1.jpg" alt="" width="260" height="120" />
</div>
<div class="col-1-3"><img title="s2" src="images/s2.jpg" alt="" width="260" height="120" />
</div>
<div class="col-1-3 last"><img title="s3" src="images/s3.jpg" alt="" width="260" height="120" />
</div>
<div class="column-clear"></div>

<div class="col-1-3">
<h2>Column 1-3</h2>
<p>Cras nisl leo, interdum et aliquam quis, mattis eu dolor. Vestibulum mattis purus eu eros tincidunt vitae sollicitudin massa scelerisque. Fusce non nibh vel odio aliquam convallis ut vel mi. Nunc euismod mauris eu mi tempus scelerisque. Maecenas sodales interdum odio ac viverra. Vestibulum in ultrices libero. Donec interdum magna eget arcu commodo in aliquam neque venenatis.
</p></div>
<div class="col-1-3">
<h2>Column 1-3</h2>
<p>Cras nisl leo, interdum et aliquam quis, mattis eu dolor. Vestibulum mattis purus eu eros tincidunt vitae sollicitudin massa scelerisque. Fusce non nibh vel odio aliquam convallis ut vel mi. Nunc euismod mauris eu mi tempus scelerisque. Maecenas sodales interdum odio ac viverra. Vestibulum in ultrices libero. Donec interdum magna eget arcu commodo in aliquam neque venenatis.
</p></div>
<div class="col-1-3 last">
<h2>Column 1-3</h2>
<p>Cras nisl leo, interdum et aliquam quis, mattis eu dolor. Vestibulum mattis purus eu eros tincidunt vitae sollicitudin massa scelerisque. Fusce non nibh vel odio aliquam convallis ut vel mi. Nunc euismod mauris eu mi tempus scelerisque. Maecenas sodales interdum odio ac viverra. Vestibulum in ultrices libero. Donec interdum magna eget arcu commodo in aliquam neque venenatis.
</p></div>
<div class="column-clear"></div>
<div class="col-1-4">
<h2>Column 1-4</h2>
<p>Cras nisl leo, interdum et aliquam quis, mattis eu dolor. Vestibulum mattis purus eu eros tincidunt vitae sollicitudin massa scelerisque. Fusce non nibh vel odio aliquam convallis ut vel mi. Nunc euismod mauris eu mi tempus scelerisque. Maecenas sodales interdum odio ac viverra. Vestibulum in ultrices libero. Donec interdum magna eget arcu commodo in aliquam neque venenatis.

</p></div>
<div class="col-1-4">
<h2>Column 1-4</h2>
<p>Cras nisl leo, interdum et aliquam quis, mattis eu dolor. Vestibulum mattis purus eu eros tincidunt vitae sollicitudin massa scelerisque. Fusce non nibh vel odio aliquam convallis ut vel mi. Nunc euismod mauris eu mi tempus scelerisque. Maecenas sodales interdum odio ac viverra. Vestibulum in ultrices libero. Donec interdum magna eget arcu commodo in aliquam neque venenatis.
</p></div>
<div class="col-1-4">
<h2>Column 1-4</h2>
<p>Cras nisl leo, interdum et aliquam quis, mattis eu dolor. Vestibulum mattis purus eu eros tincidunt vitae sollicitudin massa scelerisque. Fusce non nibh vel odio aliquam convallis ut vel mi. Nunc euismod mauris eu mi tempus scelerisque. Maecenas sodales interdum odio ac viverra. Vestibulum in ultrices libero. Donec interdum magna eget arcu commodo in aliquam neque venenatis.
</p></div>
<div class="col-1-4 last">
<h2>Column 1-4</h2>
<p>Cras nisl leo, interdum et aliquam quis, mattis eu dolor. Vestibulum mattis purus eu eros tincidunt vitae sollicitudin massa scelerisque. Fusce non nibh vel odio aliquam convallis ut vel mi. Nunc euismod mauris eu mi tempus scelerisque. Maecenas sodales interdum odio ac viverra. Vestibulum in ultrices libero. Donec interdum magna eget arcu commodo in aliquam neque venenatis.
</p></div>
<div class="column-clear"></div>
<div class="col-1-5">
<h2>Column 1-5</h2>
<p>Cras nisl leo, interdum et aliquam quis, mattis eu dolor. Vestibulum mattis purus eu eros tincidunt vitae sollicitudin massa scelerisque. Fusce non nibh vel odio aliquam convallis ut vel mi. Nunc euismod mauris eu mi tempus scelerisque. Maecenas sodales interdum odio ac viverra. Vestibulum in ultrices libero. Donec interdum magna eget arcu commodo in aliquam neque venenatis.
</p></div>
<div class="col-1-5">
<h2>Column 1-5</h2>
<p>Cras nisl leo, interdum et aliquam quis, mattis eu dolor. Vestibulum mattis purus eu eros tincidunt vitae sollicitudin massa scelerisque. Fusce non nibh vel odio aliquam convallis ut vel mi. Nunc euismod mauris eu mi tempus scelerisque. Maecenas sodales interdum odio ac viverra. Vestibulum in ultrices libero. Donec interdum magna eget arcu commodo in aliquam neque venenatis.
</p></div>
<div class="col-1-5">
<h2>Column 1-5</h2>
<p>Cras nisl leo, interdum et aliquam quis, mattis eu dolor. Vestibulum mattis purus eu eros tincidunt vitae sollicitudin massa scelerisque. Fusce non nibh vel odio aliquam convallis ut vel mi. Nunc euismod mauris eu mi tempus scelerisque. Maecenas sodales interdum odio ac viverra. Vestibulum in ultrices libero. Donec interdum magna eget arcu commodo in aliquam neque venenatis.
</p></div>
<div class="col-1-5">
<h2>Column 1-5</h2>
<p>Cras nisl leo, interdum et aliquam quis, mattis eu dolor. Vestibulum mattis purus eu eros tincidunt vitae sollicitudin massa scelerisque. Fusce non nibh vel odio aliquam convallis ut vel mi. Nunc euismod mauris eu mi tempus scelerisque. Maecenas sodales interdum odio ac viverra. Vestibulum in ultrices libero. Donec interdum magna eget arcu commodo in aliquam neque venenatis.
</p></div>
<div class="col-1-5 last">
<h2>Column 1-5</h2>
<p>Cras nisl leo, interdum et aliquam quis, mattis eu dolor. Vestibulum mattis purus eu eros tincidunt vitae sollicitudin massa scelerisque. Fusce non nibh vel odio aliquam convallis ut vel mi. Nunc euismod mauris eu mi tempus scelerisque. Maecenas sodales interdum odio ac viverra. Vestibulum in ultrices libero. Donec interdum magna eget arcu commodo in aliquam neque venenatis.
</p></div>
<div class="column-clear"></div>
<div class="col-2-3">
<h2>Column 2-3</h2>
<p>Cras nisl leo, interdum et aliquam quis, mattis eu dolor. Vestibulum mattis purus eu eros tincidunt vitae sollicitudin massa scelerisque. Fusce non nibh vel odio aliquam convallis ut vel mi. Nunc euismod mauris eu mi tempus scelerisque. Maecenas sodales interdum odio ac viverra. Vestibulum in ultrices libero. Donec interdum magna eget arcu commodo in aliquam neque venenatis.
</p></div>
<div class="col-1-3 last">
<h2>Column 1-3</h2>
<p>Cras nisl leo, interdum et aliquam quis, mattis eu dolor. Vestibulum mattis purus eu eros tincidunt vitae sollicitudin massa scelerisque. Fusce non nibh vel odio aliquam convallis ut vel mi. Nunc euismod mauris eu mi tempus scelerisque. Maecenas sodales interdum odio ac viverra. Vestibulum in ultrices libero. Donec interdum magna eget arcu commodo in aliquam neque venenatis.
</p></div>
<div class="column-clear"></div>

		</div>
        
</div><!-- end container -->
</div><!-- end wrapper-content-->

		<div id="footer">
       
       <div class="container">
       
        <div class="row footer-content">
           
            <div class="span4 footer-box">
            	<div class="footer-widget widget_text"><h4 class="widgettitle2">About Cafehouse</h4>			<div class="textwidget"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet pharetra purus. Sed ut pharetra justo. Vestibulum dapibus nulla ac risus convallis non mollis purus pellentesque. Mauris scelerisque augue tincidunt lorem rutrum vitae rhoncus lorem mattis. Nam pretium commodo quam, nec pellentesque mi consectetur eu. Donec convallis sem erat, sit amet bibendum justo. Duis iaculis lorem sem.</p>
</div>
		</div>            </div>
        
            <div class="span4 footer-box">
            	<div class="footer-widget tweet_widget "><h4 class="widgettitle2">Latest Tweets</h4>
				
				<div class="tweet"></div>
        
		</div>            </div>
        
            <div class="span4 footer-box">
            	<div class="footer-widget widget_text"><h4 class="widgettitle2">Contact us</h4>			<div class="textwidget"><p>501 Boulevard, New York City<br />
New York</p>
<p>Phone: (4444-111.111</p>
<p>Email: your-email@domain.com</p>
</div>
		</div>            </div>
        		 
 </div><!-- end footer - row -->
       

        <div id="copyright">
        <p>&copy; 2012 CafeHouse. All rights reserved.</p>
        </div>
       
        <div class="social">
	    <ul>
               <li class="twitter"><a title="Twitter" href="#" target="_blank" rel="nofollow"></a></li>
                        <li class="facebook"><a title="Facebook" href="#" target="_blank" rel="nofollow"></a></li>
                         <li class="rss"><a title="RSS Feed" href="#" target="_blank" rel="nofollow"></a></li>
                          <li class="stumble"><a title="StumbleUpon" href="#" target="_blank" rel="nofollow"></a></li>
                        <li class="linkedin"><a title="Linkedin" href="#" target="_blank" rel="nofollow"></a></li>
                        <li class="vimeo"><a title="Vimeo" href="#" target="_blank" rel="nofollow"></a></li>
                       <li class="flickr"><a title="Flickr" href="#" target="_blank" rel="nofollow"></a></li>
                       <li class="picasa"><a title="Picasa" href="#" target="_blank" rel="nofollow"></a></li>
        
	</ul>
        </div>
        
        <div class="column-clear"></div>
        
        </div><!--end container-->
        </div><!--end footer-->
		
    <p id="backTop"><a href="#top">Top&uarr;</a></p>

</body>
</html>